<!-- ############################# Ajax Page Container ############################# -->
<section id="page" data-title="Noisa - Single Event">

	<!-- ############################# Intro ############################# -->
	<section class="intro-title section border-bottom" style="background-image: url(placeholders/event-single-bg.jpg)">
		<h2 class="heading-l event-heading">Warsaw Calling Pres. Secret Guest at Stan Surowy<span class="event-date">24/02/2004</span></h2>
		<!-- Overlay -->
		<!-- <span class="overlay dots"></span> -->
	</section>
	<!-- /intro -->

	<!-- ############################# Content ############################# -->
	<section class="content section">
		<!-- container -->
		<div class="container">

			<!-- ############################# Single Release ############################# -->
			<!-- Sidebar -->
			<div class="sidebar main-left main-medium">
				<!-- Widgets -->
				<!-- Details widget -->
				<div class="widget details-widget">
					<!-- Countdown -->
					<div class="details-countdown">
						<!-- countdown -->
						<div class="countdown-wrap" data-event-date="2014/12/18 20:20:00">
							<div class="days" data-label="Days">000</div>
							<div class="hours" data-label="Hours">00</div>
							<div class="minutes" data-label="Minutes">00</div>
							<div class="seconds" data-label="Seconds">00</div>
						</div>
						<!-- /countdown -->
					</div>
					<!-- /countdown -->
					<div class="details-meta">
						<!-- Details list -->
						<ul class="details-list">
							<li>
								<span class="label">Name</span>
								<div class="data"><b>Warsaw Calling Pres. Secret Guest at Stan Surowy</b></div>
							</li>
							<li>
								<span class="label">Artists</span>
								<div class="data"><a href="javascript:;">DJ Nando</a> / <a href="javascript:;">Obiekt ZERO</a></div>
							</li>
							<li>
								<span class="label">Genres</span>
								<div class="data">Breakbeat / Dubstep / Glitch Hop</div>
							</li>
							<li>
								<span class="label">Event date</span>
								<div class="data">2014-02-25, 21:00 - 05:00</div>
							</li>
							<li>
								<span class="label">Address</span>
								<div class="data">Stan Surowy <br>Koszykowa 55, Warszawa, 00-989 Polska</div>
							</li>
						</ul>
					</div>
					<!-- Details Share -->
					<div class="details-social-box">
						<a href="javascript:;" class="facebook-share"><i class="icon icon-facebook"></i></a>
						<a href="javascript:;" class="twitter-share"><i class="icon icon-twitter"></i></a>
						<a href="javascript:;" class="googleplus-share"><i class="icon icon-googleplus"></i></a>
					</div>
				</div>

				<!-- Text Widget -->
				<div class="widget text-widget">
					<!-- Buttons list -->
					<ul class="buttons-list">
						<li>
							<a class="btn small invert" href="javascript:;" ><i class="icon icon-cart"></i> Buy Tickets via ProTicket</a>
						</li>
						<li>
							<a class="btn small invert" href="javascript:;" ><i class="icon icon-cart"></i> Buy Tickets via TicketPro</a>
						</li>

					</ul>
				</div>
			
			</div>
			<!-- /sidebar -->

			<!-- Main -->
			<div id="main" class="release main-left main-medium">

				<!-- Article -->
				<article>
					<!-- Carousel slider -->
					<div id="blog-slider01" class="carousel-slider" data-effect="fadeUp" data-pagination="true" data-nav="true">
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img04.jpg" alt="Event Image">
						</div>
						<!-- /slide -->
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img01.jpg" alt="Event Image">
						</div>
						<!-- /slide -->
						<!-- Slide -->
						<div class="slide">
							<img src="placeholders/blog-entry-img02.jpg" alt="Event Image">
						</div>
						<!-- /slide -->
					</div>
					<!-- /Carousel slider -->
					<br>
					<h2>Description</h2>
					<p>
						Praesent sit amet augue fermentum, fermentum nisl a, placerat lectus. Sed euismod molestie ante ut fermentum. Cras pretium justo eget venenatis dignissim. Vestibulum quis scelerisque odio. Etiam ut nibh sem. Pellentesque aliquet tincidunt neque, ut ultricies nibh suscipit in. Nulla lobortis porta tortor id sagittis. Integer bibendum lorem vitae ligula bibendum, in molestie odio aliquam. Mauris et lacus scelerisque, interdum justo at, vehicula nisl. Suspendisse potenti. Phasellus eget ipsum quam. Donec ultricies malesuada metus, sed placerat lectus pretium id.
					</p>
					<p>
						Aenean euismod est vel leo commodo, a porttitor massa feugiat. Duis rhoncus quis diam ut convallis. Vestibulum nec auctor augue, sed dapibus odio. Phasellus placerat fermentum metus, vel luctus erat. Aliquam eget massa sed massa gravida pulvinar in dictum nibh. Etiam luctus nunc ut urna pellentesque lacinia. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer et commodo lacus, viverra dapibus massa.
					</p>
					<blockquote>
						<p>
							Sed pellentesque dapibus tellus in semper. Aenean faucibus aliquet turpis, id fermentum sem consectetur id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis faucibus euismod nunc scelerisque tincidunt.
							<span class="author">UK MAG</span>
						</p>
					</blockquote>
					<br>
					<h2>Lineup</h2>
					<ul class="lineup">
						<li>
							<div class="lineup-time">20:00</div>
							<div class="lineup-artist"><a href="javascript:;">Obiekt ZERO</a> - Live Act</div>
						</li>
						<li>
							<div class="lineup-time">21:30</div>
							<div class="lineup-artist"><a href="javascript:;">DJ Nando</a> - DJ Set</div>
						</li>
						<li>
							<div class="lineup-time">22:30</div>
							<div class="lineup-artist"><a href="javascript:;">DJ John Doe VS DJ Nando</a> - DJ Set</div>
						</li>
						<li>
							<div class="lineup-time">23:30</div>
							<div class="lineup-artist"><a href="javascript:;">NOISA Crew</a> - LIVE</div>
						</li>
						<li>
							<div class="lineup-time">01:00</div>
							<div class="lineup-artist"><a href="javascript:;">General Midi</a> - LIVE</div>
						</li>

					</ul>

					<br>

					<h2>Promo Video</h2>
					<iframe src="//player.vimeo.com/video/66171813?portrait=0&amp;color=ea4233" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
					<br>
					<h2>Location Map</h2>
					<div id="location-map" class="gmap map" data-address="Level 13, 2 Elizabeth St, Melbourne Victoria 3000 Australia" data-zoom="16" data-zoom_control="true" data-scrollwheel="false"></div>
				</article>
				<!-- /article -->

				<!-- Page navigation -->
				<div class="page-nav">
					<a href="javascript:;" class="prev"><span class="icon icon-arrow-left"></span> Previous</a><a href="javascript:;" class="next">Next <span class="icon icon-arrow-right"></span></a>
				</div>
			</div>
			<!-- /main -->
		</div>
		<!-- /container -->
	</section>
	<!-- /Content -->

	<!-- ############################# Comment section ############################# -->
	<section class="comments-section section border-top">
		<!-- container -->
		<div class="container">

			<h4 class="comments-title">Comments:</h4>		
			<!-- Comments list -->

			<!-- Comments list -->
			<ol class="comments-list">

				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
					<!-- Children comments -->
					<ul class="children">
						<li class="comment">
							<article>
								<div class="avatar">
									<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
								</div>
								<div class="comment-meta">
									<h5 class="author"><a href="#">John Themeforest</a></h5>
									<p class="date">October 11, 2012</p>
								</div>
								<div class="comment-body">
									<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
								</div>
							</article>
						</li>
					</ul>
					<!-- Children comments -->
				</li>
				<!-- /Comment -->
				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
				</li>
				<!-- /Comment -->
				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
				</li>
				<!-- /Comment -->
			</ol>
			<!-- /Comments list -->

			
			<h4 class="response-title">Post New Comment:</h4>
			<!-- response form -->
	        <form method="post" class="form response-form">
	        	<div class="row clearfix">
	 				<div class="col-1-3">
	 					<label for="response-name"><strong>Name</strong> (required)</label>
						<input type="text" name="name" value="" id="response-name" required>
	 				</div>
	 				<div class="col-1-3">
	 					<label for="response-email"><strong>Email</strong> (required)</label>
						<input type="email" name="email" value="" id="response-email" required>
	 				</div>
	 				<div class="col-1-3 last">
	 					<label for="response-www"><strong>Webiste</strong> (WWW)</label>
						<input type="text" name="subject" value="" id="response-www">
	 				</div>
	        	</div>
	        	<div class="row clearfix">
	        		<div class="col-1-1">
	        			<label for="response-comment"><strong>Comment</strong> (required)</label>
						<textarea name="comment" id="response-comment" cols="88" rows="6" required></textarea>
					</div>
	        	</div>
				<input type="submit" value="Submit Comment" class="large invert">
				<div class="clear"></div>
	        </form>
	        <!-- /response form -->
		</div>	
		<!-- /container -->
	</section>
	<!-- /section -->

</section>
<!-- /page -->